// pages/text1/index.js
// pages/message/message.js
Page({


  //页面的初始数据
  data: {
    colorList:[],  //随机数组列表
    isloading:false,    //声明一个节流阀,false表示当前没有任何数据请求
  },


  //生命周期函数--监听页面加载
  onLoad: function (options) {
    this.getColors()
  },

  //获取随机颜色的方法
  getColors(){
    this.setData({
      isloading:true    //正在进行数据请求
    })
     
    //需要展示Loading效果
    wx.showLoading({
      title: '数据加载中...',
    })

    //发起请求,获取随机颜色值
    wx.request({      
      url: 'https://www.escook.cn/api/color',
      method: 'GET',
      success: ({ data:res }) => {
        // console.log(res);
        this.setData({
          //将数组展开交给colorList
          colorList: [...this.data.colorList, ...res.data]      //es6点语法
        })
      },

      complete: () => {
        wx.hideLoading()  // 隐藏loading效果
        this.setData({
          isloading:false
        })
      }
    })
  },


  //生命周期函数--监听页面初次渲染完成
  onReady: function () {

  },


  //生命周期函数--监听页面显示
  onShow: function () {

  },


  //生命周期函数--监听页面隐藏
  onHide: function () {

  },


  //生命周期函数--监听页面卸载
  onUnload: function () {

  },


  //页面相关事件处理函数--监听用户下拉动作
  onPullDownRefresh: function () {

  },

  //页面上拉触底事件的处理函数
  onReachBottom: function () {
    //判断节流阀的值,从而对数据请求进行节流控制,如果节流阀的值为true,则阻止当前请求;false则发起数据请求
    if(this.data.isloading) return
    this.getColors()
  },


  //用户点击右上角分享
  onShareAppMessage: function () {

  }
})